<script type="text/javascript"   src="views/parkLotCenter/chargeStandard/js/monthCharge.js"></script>

<script type="text/javascript">
    var chargeList = null;
    $(document).ready(function() {
        chargeList = new monthChargeList($("#monthChargeListDiv"));
    });
</script>
<div class="main" id="monthChargeListDiv" style="height: 100%;width:100%;">
    <div class="search-panel">
        <div class="search-text">
            <label>收费规则名称：</label> <input class="k-textbox" data-bind="value:chargeName"
                                          validationMessage="规则名不能包含特殊字符"
                                          pattern="^[\u4e00-\u9fa5A-Za-z0-9-_]*$" />
        </div>
        <div class="search-Btn">
            <button data-bind="click:queryInfo">查询</button> <button data-bind="click:resetInfo">重置</button>
        </div>
    </div>
    <div class="dataList" style=" height: calc(100% - 73px);width:100%;">
        <div style="overflow-y:auto;overflow-x:hidden;height:calc(100% - 30px)">
	        <div id="listView" style="height: calc(100% - 30px);width: calc(100% - 60px);border:none;" class="billingRule-panel" >
	
	        </div>
        </div>
        <div id="pager" class="k-pager-wrap" style="height:30px;width:100%;"></div>
    </div>
    <script type="text/x-kendo-template" id="template">

        <div class="rule-box">
            #if(chargeParamCode == 'cycleTime'){#
            <div class="list">
                <div class="title">
                    <span>按周期临时收费</span>
                    <span style="float:right;"><input type="checkbox" name="checkbox" value="#:chargeCode#"/></span>
                </div>
                <div class="content">
                    <div class="text">
                        <span>收费规则名称：</span>
                        <span>#:chargeName#</span>
                    </div>
                    <div class="text">
                        <span>收费规则编号：</span>
                        <span style="color:blue;font-weight:bold">#:chargeCode#</span>
                    </div>
                    <div class="text">
                        <span>车辆类型：</span>
                        <span>#:chargeStandardInfos.A.carType == '0' ? '小型车' : chargeStandardInfos.A.carType == '2' ? '中型车' : '大型车'#</span>
                    </div>
                    <div class="text">
                        <span>包月金额：</span>
                        <span style="color:red;font-weight:bold">#:chargeStandardInfos.A.payMoney==undefined ? '无':chargeStandardInfos.A.payMoney+' 元'#</span>
                    </div>

                </div>
                #if(chargeStandardInfos.B != undefined ){#
                <div class="tableDiv">
                    <table width="100%">
                        <tr>
                            <th>起始时间</th>
                            <th>结束时间</th>
                            <th>进行标志</th>
                        </tr>
                        # var arrayinfo = chargeStandardInfos.B;
                        var l = Object.getOwnPropertyNames(arrayinfo).length;
                        if (arrayinfo && l < 1) {
                        return;
                        }

                        for(var i=0;i < l;i++){
                        var key = "array"+i;
                        if(arrayinfo.hasOwnProperty(key)){
                        var item = eval('(' + arrayinfo[key] + ')');#
                        <tr>
                            <td>#:item.beginTime#</td>
                            <td>#:item.endTime#</td>
                            <td>#:item.passSignFlag == '0' ? '禁止通行' : '允许通行'#</td>
                        </tr>
                        #}
                        }#
                    </table>
                </div>
            </div>
            #}
            }else if(chargeParamCode == 'cycle'){#
            <div class="list">
                <div class="title">
                    <span>按周期收费</span>
                    <span style="float:right;"><input type="checkbox" name="checkbox"  value="#:chargeCode#"/></span>
                </div>
                <div class="content">
                    <div class="text">
                        <span>收费规则名称：</span>
                        <span>#:chargeName#</span>
                    </div>
                    <div class="text">
                        <span>收费规则编号：</span>
                        <span style="color:blue;font-weight:bold">#:chargeCode#</span>
                    </div>
                    <div class="text">
                        <span>包期类型：</span>
                        <span>#:chargeStandardInfos.A.payType == '0' ? '包月' : chargeStandardInfos.A.payType == '1' ? '包年' : ''#</span>
                    </div>
                    <div class="text">
                        <span>包月金额：</span>
                        <span style="color:red;font-weight:bold">#:chargeStandardInfos.A.payMoney==undefined ? '无':chargeStandardInfos.A.payMoney+' 元'#</span>
                    </div>
                </div>
            </div>
            #}#
        </div>
        </div>
    </script>
</div>